import styled from "styled-components"

export const Container = styled.div`
     /* height: calc(100vh - 2.65rem); */
     /* height: 100vh; */
     
     /* background-image: linear-gradient(#f33727, #f36b42);
      */
     /* background-color: #ef5f38; */
     .scrollContainer{
          height: 80vh;
          margin-top: 8px;
     }
     .roration,.activity{
          font-size: 0;
     }
     .activity{
          margin-top: 6px;
     }
     .roration img{
          width: 95vw;
          height: 186px;
     }
     .activity img{
          width: 95vw;
          height: 90px;
     }
`

export const Box = styled.div`
    padding:0 12px;
`
export const Top = styled.div `
    width: 100vw;
    /* overflow-x: scroll;zz */
    margin-top: 15px;
    background-color: #ffffff;
    .topContainer{
        white-space: nowrap;
        /* width: auto !important; */
        min-width: 400px;
        display: inline-flex;
        align-items: center;
        /* justify-content: space-between; */
        flex-shrink: 1;
        .title{
        /* width: 200px; */
        padding-left: 10px;
        font-size: 20px;
        /* line-height: ; */
    }
        .active{
        font-size: large;
        font-weight: bold;
        color:black;
        }
    }  
`

